<!DOCTYPE html5>
<html>
<head>
<style type="text/css">
	#lpt {
		width: 0;
		height: 100%;
		background-color: 	#6188F5;
		background-repeat: repeat-x;
		background-position: 0 0;
		background-size: 16px 8px;
		background-image: -webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,	transparent 66%,	transparent);
		background-image: -moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent);
		background-image: -o-linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent);
		background-image: linear-gradient(315deg,transparent,transparent 33%,rgba(0, 0, 0, 0.12) 33%,rgba(0, 0, 0, 0.12) 66%,transparent 66%,transparent);
		-webkit-animation: pb 0.8s linear 0 infinite;
	}

	.lpb {
		text-align: center;
		width: 320px;
		border: 1px solid #999;
		padding: 1px;
		height: 8px;
		margin-right: auto;
		margin-left: auto;
	}

</style>
</head>
<body>

<div class="lpb">
	<div id="lpt" style="width: 90%; "></div>
</div>

</body>
</html>